body {

}
.headerContainer {
	height: 100px;
	box-shadow: 0px 5px 3px #888
	/*background-color: #292929;*/
	
}
.appTitle {
	font-size: 50px;
	text-align: center;
	margin-top:25px;
	font-family: 'Press Start 2P', cursive Lucida Grande;
	background-color: #666666;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	color: transparent;
	text-shadow: rgba(255,255,255,0.25) 0px 1px 1px;
}
.bodyContainer {
	width: 900px;
	margin: auto;
}
.previewWord{
	width:500px;
	height:50px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	border-radius: 15px;
	padding-left: 15px;
	box-shadow: 5px 5px 5px 0 #888;
}
.previewLetter{
	font-size: 35px;
	font-family: /*'Oleo Script',*/ cursive;
	margin: auto;
}

.foundWordList{
	width:200px;
	height: 400px;
	float: left;
	border: 1px solid black;
	border-radius: 15px;
	margin-top: 40px;
}

.foundWord{
	font-size: 20px;
	font-family: cursive;
	margin: 10px;
}

.board {
	width: 300px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	border: 8px double black;
	border-radius: 10px;
}

.keyContainer {
	margin: 10px;
	width: 280px;
	height: 280px;
}
.keyLetter{
	font-size:30px;
	position: relative;
	top: 20%;
}
.key {
	width: 64px;
	height: 64px;
	border: 1px solid black;
	display: inline-block;
	/*box-shadow: inset 0 0 5px 5px #888;*/
	border-radius: 10px;
	text-align: center;
	margin-bottom: 5px;
}

.keySelected{
	width: 64px;
	height: 64px;
	border: 1px solid black;
	display: inline-block;
	box-shadow: inset 0 0 5px 5px #888;
	border-radius: 10px;
	text-align: center;
}
.key:hover {
	/*box-shadow: inset 0 0 5px 5px #888;*/
}
